<template>
  <!--  关于-->
  <div style="padding: 5%" class="shadow" :style="'background-color:'+theme.secondaryBackground">
    <div>
      <div v-highlight v-html="content" :style="'color:'+theme.numberOneTextColor"></div>
    </div>
  </div>
</template>
<script>

  export default {
    data() {
      return {
        num: '',
        content: '',


        theme: {},
      };
    },

    mounted() {
      const _t = this;


      // 初始化系统
      _t.theme = _t.$store.getters.getTheme;

      _t.$http.get(`${_t.SITE_API}/site_about/`)
        .then((res) => {
          _t.content = _t.$marked(res.data);
        });
    },
    methods: {
      add() {
        store.commit('gal');
      },
    },
  };
</script>

<style scoped>

  @import "../static/css/md/markdown.css";

</style>
